<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5">
    <link rel='icon' href="img/logo.png" >
    <link href="css/page.css" rel="stylesheet">
    <link href="css/reset.css" rel="stylesheet">
</head>
<body>
    <div class="content">
        <div class="header">个人简历</div>
        <div class="title">
            <div class="english_two fl">PE</div>
            <div class="english_other fl">
                <div>RSONAL</div>
                <div>RESUME</div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="container">
            <div class="container_left fl">
                <div class="clear"></div>
                <div class="technical">
                    <div class="technical_content">
                        <div class="item_name">
                            <div class="big_circle">
                                <div class="small_circle"></div>
                            </div>
                            <p class="technical_font">技能水平</p>
                        </div>
                        <div class="skillbar clearfix " data-percent="85%">
                            <div class="skillbar_title" style="background: #d35400;"><span>JavaScript</span></div>
                            <div class="skillbar_bar" style="background: #e67e22;"></div>
                            <div class="skill_bar_percent">85%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="80%">
                            <div class="skillbar_title" style="background: #2980b9;"><span>CSS</span></div>
                            <div class="skillbar_bar" style="background: #3498db;"></div>
                            <div class="skill_bar_percent">80%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="80%">
                            <div class="skillbar_title" style="background: #2c3e50;"><span>jQuery</span></div>
                            <div class="skillbar_bar" style="background: #2c3e50;"></div>
                            <div class="skill_bar_percent">80%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="70%">
                            <div class="skillbar_title" style="background: #46465e;"><span>Ruby</span></div>
                            <div class="skillbar_bar" style="background: #5a68a5;"></div>
                            <div class="skill_bar_percent">70%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="65%">
                            <div class="skillbar_title" style="background: #333333;"><span>HTML5</span></div>
                            <div class="skillbar_bar" style="background: #525252;"></div>
                            <div class="skill_bar_percent">65%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="75%">
                            <div class="skillbar_title" style="background: #27ae60;"><span>CSS3</span></div>
                            <div class="skillbar_bar" style="background: #2ecc71;"></div>
                            <div class="skill_bar_percent">75%</div>
                        </div>

                        <div class="skillbar clearfix " data-percent="70%">
                            <div class="skillbar_title" style="background: #124e8c;"><span>cocos</span></div>
                            <div class="skillbar_bar" style="background: #4288d0;"></div>
                            <div class="skill_bar_percent">70%</div>
                        </div>

                        <div style="text-align:center;clear:both;">
                        </div>
                        <div class="my_web">
                            <div class="item_name">
                                <div class="big_circle">
                                    <div class="small_circle"></div>
                                </div>
                                <p class="technical_font">技能信息</p>
                            </div>
                            <div class="web_item">
                                <p>技术博客:</p>
                                <p><a href="http://wupengyu111.iteye.com/">http://wupengyu111.iteye.com/</a></p>
                                <p><span>git.oschina:</span></p>
                                <p><a href="http://git.oschina.net/wupengyu/projects">http://git.oschina.net/wupengyu/projects</a></p>
                                <p><span>GitHub:</span></p>
                                <p><a href="https://github.com/wupengyu111">https://github.com/wupengyu111</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container_right" >
                <div class="info_total">
                    <div class="info_font">
                        <div class="item_name">
                            <div class="big_circle">
                                <div class="small_circle"></div>
                            </div>
                            <p class="technical_font">个人信息</p>
                        </div>
                        <div class="detail_info">
                            <p>姓名：武鹏宇</p>
                            <p>求职意向：WEB前端开发工程师</p>
                            <p>性别：男</p>
                            <p>学历：本科</p>
                            <p>出生年月：1992年5月</p>
                            <p>毕业院校：河北科技大学</p>
                            <p>专业：计算机科学与技术</p>
                            <p>毕业时间：2015年6月</p>
                        </div>
                        <div class="item_name">
                            <div class="big_circle">
                                <div class="small_circle"></div>
                            </div>
                            <p class="technical_font">联系我</p>
                        </div>
                        <div class="detail_info">
                            <p>电话：13081099960</p>
                            <p>邮箱：1139174519@qq.com</p>
                        </div>
                    </div>
                    <div class="info_img">
                        <img src="img/my_img.jpg" style="width: 100%;margin-top: 60px">
                    </div>
                </div>
                <div class="clear"></div>
                <div class="self_assessment">
                    <div class="item_name">
                        <div class="big_circle">
                            <div class="small_circle"></div>
                        </div>
                        <p class="technical_font">自我评价</p>
                    </div>
                    <div class="assessment_content">
                        <p>1.能比较快速的接受新的知识和技能，能迅速适应新的工作环境。</p>
                        <p>2.热爱IT行业，能激发自己的工作热情。</p>
                        <p>3.讲原则，说到做到，决不推卸责任。</p>
                        <p>4.脚踏实地，有较强的团队精神，工作积极进取。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="experience">
            <div class="experience_title">
                <div class="blank fl"></div>
                <div class="middle_font fl">工作经历</div>
                <div class="blank fl"></div>
            </div>
            <div class="clear"></div>
            <div class="detail_experience">
                <div class="experience_item">
                    <div class="big_circle">
                        <div class="small_circle"></div>
                    </div>
                    <div class="line" id="line"></div>
                    <div class="clear"></div>
                    <div class="projecct_name">
                        <p>2014/11-2015/2</p>
                        <div class="experience_name">花店竞价系统</div>
                    </div>
                </div>
                <div class="experience_item">
                    <div class="big_circle">
                        <div class="small_circle"></div>
                    </div>
                    <div class="line"></div>
                    <div class="clear"></div>
                    <div class="projecct_name">
                        <p>2015/2-2015/3</p>
                        <div class="experience_name">靠谱网</div>
                    </div>
                </div>
                <div class="experience_item">
                    <div class="big_circle">
                        <div class="small_circle"></div>
                    </div>
                    <div class="line"></div>
                    <div class="clear"></div>
                    <div class="projecct_name">
                        <p>2015/3-2015/4</p>
                        <div class="experience_name">西南IT精英商学院</div>
                    </div>
                </div>
                <div class="experience_item">
                    <div class="big_circle">
                        <div class="small_circle"></div>
                    </div>
                    <div class="line"></div>
                    <div class="clear"></div>
                    <div class="projecct_name">
                        <p>2015/4-2015/5</p>
                        <div class="experience_name">隐形合伙人网站</div>
                    </div>
                </div>
                <div class="experience_item">
                    <div class="big_circle">
                        <div class="small_circle"></div>
                    </div>
                    <div class="clear"></div>
                    <div class="projecct_name">
                        <p>2014/5-至今</p>
                        <div class="experience_name">H5游戏开发</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/page.js"></script>
    <script>
        set_property();
        $(window).resize(function() {
            set_property();
        });
    </script>
</body>
</html>